<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css"  href="/resources/easyui/themes/insdep/easyui.css" />
    <link rel="stylesheet" href="/resources/easyui/themes/insdep/easyui_animation.css"/>
    <link rel="stylesheet" href="/resources/easyui/themes/insdep/easyui_plus.css"/>
    <link rel="stylesheet" href="/resources/easyui/themes/insdep/insdep_theme_default.css"/>
    <link rel="stylesheet" href="/resources/easyui/themes/insdep/icon.css" />
    <script  type="text/javascript"  src="/resources/easyui/jquery.min.js" ></script>
    <script type="text/javascript" src="/resources/easyui/jquery.easyui.min.js"  ></script>
    <script type="text/javascript" src="/resources/easyui/themes/insdep/jquery.insdep-extend.min.js "></script>
    <script type="text/javascript" src="/resources/easyui/locale/easyui-lang-zh_CN.js" ></script>
</head>
<body>
<div align="center">
    <div class="easyui-panel" title="New Topic" style="width:400px">
        <div style="padding:10px 60px 20px 60px">
            <form id="ff" method="post">
                <table cellpadding="5">
                    <tr>
                        <td>Name:</td>
                        <td><input class="easyui-textbox" type="text" name="name" data-options="required:true"></input></td>
                    </tr>
                    <tr>
                        <td>password:</td>
                        <td><input class="easyui-passwordbox" type="password" name="password" data-options="required:true"></input></td>
                    </tr>
                    <tr>
                        <td>Name2:</td>
                        <td><input class="easyui-textbox" type="text" name="orders" data-options="required:true"></input></td>
                    </tr>
                    <tr>
                        <td>Email:</td>
                        <td><input class="easyui-textbox" type="text" name="email" data-options="required:true,validType:'email'"></input></td>
                    </tr>
                    <tr>
                        <td>Message:</td>
                        <td><input class="easyui-textbox" name="message" data-options="multiline:true" style="height:60px"></input></td>
                    </tr>
                </table>
            </form>
            <div style="text-align:center;padding:5px">
                <a href="javascript:void(0)" class="easyui-linkbutton" onclick="submitForm()">Submit</a>
                <a href="javascript:void(0)" class="easyui-linkbutton" onclick="clearForm()">Clear</a>
            </div>
        </div>
    </div>
</div>
<script>
    function submitForm(){
        $('#ff').form('submit');
    }
    function clearForm(){
        $('#ff').form('clear');
    }
</script>
</body>
</html>